<script  lang="ts" setup>
import { ref } from "vue";
import FamilyItem from "../../../components/family-item.vue";
defineProps(["familyJson"]);
</script>

<template>
  <div class="titWrap">
    <span class="personTitle">家庭成员</span>
  </div>
  <div class="userWrap">
    <FamilyItem v-for="(x,i) in $props.familyJson" :key="i" :item="x" />
  </div>
</template>

<style scoped lang="scss">
.userWrap {
  flex: 1;
  display: flex;
  background-color: white;
  margin: 0 12px;
  border-radius: 8px;
  padding: 12px 0;
}

.titWrap {
  margin: 18px 0 12px 12px;
}

.personTitle {
  color: #111;
}
</style>


